html,
body {
    margin: 0;
    padding: 0;
}

nav {
    width: 100%;

}

ul,
li,p {
    list-style: none;
    padding: 0;
    margin:0;
}

.container {
    width: 1160px;
    height: 1000px;
    margin: 0 auto;
}

.container .nav-box {
    width: 100%;
    height: 215px;
    overflow: hidden;
    margin-bottom: 20px;
}

.container .nav-box ul {
    display: flex;
    justify-content: flex-start;
    margin-top: 20px;


}

.container .nav-box ul div {
    color: #cdcfd6;
    margin-right: 20px;
    
}

.container .nav-box ul li {
    margin-left: 25px;
    cursor: pointer;
}

.container .nav-box ul li.active {
    color: #6eadff;
}

.container section {
    width: 100%;
    overflow: hidden;
   
}
.container section .img-box{
        width: 183px;
        height: 285px;
        margin-right: 10px;
        float: left;
        margin-bottom: 30px;
}   
.container section img {
    width: 183px;
    height: 240px;
}
.container section p:last-of-type{
    margin-top: 5px;
    color: #818992;
    font-size: 14px;
}